
/* 公共属性样式 */

/* 测试工具 */
.bd{ border: 1px solid red;}

.dp{display: flex;}

/* 通栏 */
.container-fluid{ min-width: 1200px; }

/* 版心 */
.container{ width: 1200px; margin: 0 auto;}

/* 浮动 */
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after{ content: ''; height: 0; display: block; clear: both; }


/* color */
.cfff{ color: #fff; }


/* bg-color */
.bgcf60{ background-color: #f60;}


/* font-size */
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f26{ font-size: 26px; }

/* margin */
.ml10{ margin-left: 10px;}
.mt107{margin-top: 107px;}
.mt120{margin-top: 120px;}
.mt150{margin-top: 150px;}
.mt80{margin-top: 80px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}
/* padding */
.ptb27{ padding: 27px 0;}




/* home公共标题 */
.h1{font-size: 37px;color: #000;text-align: center;margin-bottom: 10px;}

.p{color: #666;text-align: center; }
.a{text-align: center;display: block;margin: 20px 0;color: royalblue;}



/* 公共模块样式 */
.haed{
    /* line-height: 66px; */
    width: 100%;
    background: linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.01));
    border-bottom: 1px solid #ccc;
    position: absolute;top: 0;left: 0;z-index: 100;
}
.head-logo{
display: inline-block;
padding-top: 30px;
padding-left: 30px;
}
.nav{
display: flex;
justify-content: space-around;
width: 300px;
position: absolute;
left: 50%;
transform: translateX(-50%);
line-height: 80px;

}
.nav li a{
   
     color: #fff;
    
     
}
.nav li:hover{
line-height: 66px;
font-size: 18px;
border-bottom:2px solid rgb(252, 105, 7) ;
margin: 0 16px;


}
.home-logbtn{
line-height: 80px;
}
.hdenglu,
.hzhuche{
padding: 4px 14px;
border-radius: 30px;
outline: none;
border: 1px solid #c1c1c1;
margin: 0 5px;
}
.hzhuche{
background-color: orangered;
color: #fff;
border: none;
}
.hdenglu{
    color: #fff;
}

